</div><!-- mainpanel -->
 
  
</section>


<script src="<?php echo base_url();?>adm/js/jquery-1.10.2.min.js"></script>
<script src="<?php echo base_url();?>adm/js/jquery.cookie.js"></script>
<script src="<?php echo base_url();?>adm/js/jquery-migrate-1.2.1.min.js"></script>
<script src="<?php echo base_url();?>adm/js/bootstrap.min.js"></script>
<script src="<?php echo base_url();?>adm/js/modernizr.min.js"></script>
<script src="<?php echo base_url();?>adm/js/jquery.datatables.min.js"></script>
<script src="<?php echo base_url();?>adm/js/jquery.sparkline.min.js"></script>
<script src="<?php echo base_url();?>adm/js/toggles.min.js"></script>
<script src="<?php echo base_url();?>adm/js/chosen.jquery.min.js"></script>
<script src="<?php echo base_url();?>adm/js/custom.js"></script>
<script>
	var board_html = '';
	function add_board()
	  {
		jQuery('#board_html').append(board_html);
	  }
	  
	var class_html = '';
	function add_class()
	  {
		jQuery('#class_html').append(class_html);
	  }
	  
	var subject_html = '';
	function add_subject()
	  {
		jQuery('#subject_html').append(subject_html);
	  }
	  
  // REMOVING INVOICE ENTRY
	function deleteParentElement(n){
		n.parentNode.removeChild(n);
	}
  jQuery(document).ready(function() {
    
	board_html = jQuery('#board_html').html();
	class_html = jQuery('#class_html').html();
	subject_html = jQuery('#subject_html').html();
   
	jQuery('#table1').dataTable();
    
    jQuery('#table2').dataTable({
      "sPaginationType": "full_numbers"
    });
    
    // Chosen Select
    jQuery("select").chosen({
      'min-width': '100px',
      'white-space': 'nowrap',
      disable_search_threshold: 10
    });
    
    // Delete row in a table
    jQuery('.delete-row').click(function(){
      var c = confirm("Continue delete?");
      if(c)
        jQuery(this).closest('tr').fadeOut(function(){
          jQuery(this).remove();
        });
        
        return false;
    });
    
    // Show aciton upon row hover
    jQuery('.table-hidaction tbody tr').hover(function(){
      jQuery(this).find('.table-action-hide a').animate({opacity: 1});
    },function(){
      jQuery(this).find('.table-action-hide a').animate({opacity: 0});
    });
  
  
  });
  
</script>
</body>
</html>